This is a small tip for anybody who hates typing because it's too long and error-prone (or you're lazy like me :)). Check out below animation: What if we can simply type in order to scaffold the project? Well, we are in 2019 and of course, it's possible :) NOTE: Solution windows users only. Sorry MacOs :(. I'm pretty sure there is an alternative for Mac as.....
Almost a year ago Waldek Mastykarz posted a great article on how to debug your SharePoint Framework solution in production, where all the code is minified and source maps are not available. While it works, there is a manual step of uploading source maps in google chrome's dev tools, which isn't very convenient. I extended Waldek's solution with fully...
SharePoint Framework 1.8 is out and gives us a lot of new things. Check out SPFx 1.8 release notes to learn more. Among different generally available features, we also received some items in "beta" mode. One of them is a library component type. Library component currently is in preview and most likely will be generally available in SharePoint Framework 1.9.....
The source code with samples from this post is here at GitHub (also supports fast-serve!). Have you ever found yourself writing something like this in your SharePoint Framework web parts: Above code has a few issues: - Readability of such code is not at the best level. A lot of parent relative paths like "../../../" don't look good - It looks ridiculous to.....
This post is mostly for Googlers, who experience unexpected issues with SharePoint Framework (like I did). Whether you like it or not, sometimes shit happens. Usually, I don't use spaces in paths to my projects, however, one day for some reason I decided it was a great idea (probably I was trying to be more creative). And I paid for it. If you have created a...
Are you TypeScript developer? I bet you use tslint in all your TypeScript projects! If not – start using it. SharePoint framework has tslint step which validates your code against tslint rules, which is awesome. More and more web developers today also use stylelint. Stylelint can be easily explained in just three words – linter for css/scss. Modern web...
SPFx 1.6 was released recently with new features which support secure connection to Azure AD protected APIs. During upgrade some things in your tenant and Azure AD were changed. For some users migration didn’t go smoothly and they saw strange errors in different places. I’m in the group of users who experienced errors and had to fight with them. Fortunately....
1. Call Azure AD secured API from your SPFx code. Story #1: Azure Functions with cookie authentication (xhr "with credentials") adal.js, at the same time it’s simple, however, has its own cons (read at the end of the article). More info about this approach you can find here - Access the API by leveraging SharePoint Online authentication cookie. In another...